<@override name="title">菜品标签</@override>

<@override name="styles">
<link href="${ctx}/static/plugins/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="${ctx}/static/plugins/daterangepicker/daterangepicker-bs3.css">
</@override>


<@override name="header">
<h4>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-map-marker"></i>&nbsp;&nbsp; 菜品管理</a></li>
        <li><a href="#">菜品标签</a></li>
    </ol>
</h4>
</@override>

<@override name="content">
<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-header with-border" style="padding-bottom:0;">
                <div class="col-lg-9">
                    <form class="form-horizontal" action="#" role="form" id="search-form">
                        <div class="form-group ">
                            <label class="col-sm-2 control-label text-left" style="width:10%;">名称:</label>
                            <div class="col-sm-3" style="width:20%;">
                                <input type="text" name="f-name-LIKE" class="form-control">
                            </div>
                            <label class="col-sm-2 control-label text-left" style="width:15%;">创建时间:</label>
                            <div class="col-sm-3" style="padding-right: 0;">
                                <input type="hidden" id="start" name="f-create_time-BETWEEN">
                                <input type="hidden" id="end" name="f-create_time-AND">
                                <input type="text" id="dateRanger" class="form-control">
                            </div>
                            <div class="col-sm-2" style="width: 23%;">
                                <div class="btn-group">
                                    <input type="button" id="search" value="查询" class="btn btn-primary">
                                    <input type="button" id="cancel" value="取消" class="btn btn-default">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <a class="btn btn-default pull-right" href="${ctx}/dishes/tag/item/0">
                    <i class="fa fa-plus"></i> 新建
                </a>
            </div>
            <div class="box-body">
                <table id="data-table" class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <th></th>
                        <th>标签名称</th>
                        <th>标签标记</th>
                        <th>创建时间</th>
                        <th>标签备注</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div><!-- /.box -->
    </div><!-- /.col -->
</div><!-- /.row -->


<script id="data-table-action" type="text/x-handlebars-template">
    <a class="btn btn-info" href="${ctx!}/dishes/tag/item/{{id}}">编辑</a>
    <a class="btn btn-warning dt-ajax" data-href="${ctx!}/dishes/tag/delete/{{id}}">删除</a>
</script>

</@override>

<@override name="scripts">
<!-- DATA TABES SCRIPT -->
<script src="${ctx}/static/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
<script src="${ctx}/static/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
<script src="${ctx}/static/plugins/datatables/datatables.js" type="text/javascript"></script>

<!-- date-range-picker -->
<script src="${ctx}/static/plugins/daterangepicker/date.js"></script>
<script src="${ctx}/static/plugins/daterangepicker/daterangepicker-zh_CN.js"></script>

<script type="text/javascript" src="${ctx}/static/views/dishes/tag/index.js"></script>
</@override>

<@extends name="/WEB-INF/_basic/main.ftl"/>